<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>散点图</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/h5point.css">
    <style>
        body{
            margin: 0;
            padding: 0;
            font-family: 'Microsoft YaHei UI';
        }
    </style>
</head>
<body>

<script src="js/jquery.min.js"></script>
<script src="js/h5componentbase.js"></script>
<script src="js/h5componentpoint.js"></script>
<script>
    var cfg = {
        type: 'point',
        width: '400',
        height: '400',
        data: [
            ['A项目', .4, 'green'],
            ['B项目', .2, 'yellow', 0, '-60%'],
            ['C项目', .2, 'red', 0, '110%']
        ],
        css:{
          'top':'40%'
        },
        center: true
    };

    var point = new H5ComponentPoint('point', cfg);
    $('body').append(point);
</script>
</body>
</html>